<template>
    <view class="seller-view">
        <view class="seller-name u-flex">
            <u-icon name="shop" custom-prefix="custom-icon" size="35"></u-icon>
            <view class="u-margin-left-10">{{shop.seller_name}}</view>
        </view>
        <view style="color: red; margin-bottom: 25rpx;">{{shop.promotion_notice}}</view>
        <view class="sku-list" v-for="(sku, skuIndex) in shop.sku_list" :key="skuIndex">
            <goods-info
                :goodsName="sku.name"
                :goodsImg="sku.goods_image"
                :goodsPromotion="sku.promotion_tags"
                :goodsSpecList="sku.spec_list"
                :goodsPrice="sku.purchase_price"
                :goodsNum="sku.num">
            </goods-info>
        </view>
    </view>
</template>

<script>

    /**
     * 店铺+商品 Cell组件
     *
     * ===== 使用场景 ======
     * 购物车页，确认订单页，我的订单页。
     *
     * ===== 参数 =====
     * shop        店铺信息
     */
    export default {
        props:{
            shop: {
                type: Object,
                default() {
                    return []
                }
            }
        }
    }
</script>

<style lang="scss" scoped>
    .seller-view {
        .seller-name {
            margin-bottom: 20rpx;
            font-size: 30rpx;
            font-weight: 600;
        }
    }
</style>
